<template>
  <div>
    <div class="g-ft">
      <div class="g-ft-set">
        <div class="l-ft">
          <div class="links">
            <a href="javascript:;">服务条款</a>
            <span class="line">|</span>
            <a href="javascript:;">隐私政策</a>
            <span class="line">|</span>
            <a href="javascript:;">儿童隐私政策</a>
            <span class="line">|</span>
            <a href="javascript:;">版权投诉</a>
            <span class="line">|</span>
            <a href="javascript:;">投资者关系</a>
            <span class="line">|</span>
            <a href="javascript:;">广告合作</a>
            <span class="line">|</span>
            <a href="javascript:;">廉正举报</a>
            <span class="line">|</span>
            <a href="javascript:;">联系我们</a>
          </div>
          <div class="sup-copyright">
            <span>网易公司版权所有©1997-2021&nbsp;</span>
            <a href="javascript:;"
              >杭州乐读科技有限公司运营：浙网文[2021] 1186-054号</a
            >
          </div>
          <div class="mid-copyright">
            <span>违法和不良信息举报电话：0571-89853516&nbsp;举报邮箱：</span>
            <a href="javascript:;">ncm5990@163.com</a>
          </div>
          <div class="sub-copyright">
            <a href="javascript:;"
              >粤B2-20090191-18 工业和信息化部备案管理系统网站&nbsp;</a
            >
            <a href="javascript:;" class="police">
              <span class="police-logo">&nbsp;</span>
              <span class="police-text">浙公网安备 33010902002564号</span>
            </a>
          </div>
        </div>
        <ul class="r-ft">
          <li>
            <a href="javasript:;" class="newlogo"></a>
            <span>Amped Studio</span>
          </li>
          <li>
            <a href="javasript:;" class="newlogo"></a>
            <span>Amped Studio</span>
          </li>
          <li>
            <a href="javasript:;" class="newlogo"></a>
            <span>Amped Studio</span>
          </li>
          <li>
            <a href="javasript:;" class="newlogo"></a>
            <span>Amped Studio</span>
          </li>
          <li>
            <a href="javasript:;" class="newlogo"></a>
            <span>Amped Studio</span>
          </li>
        </ul>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {};
  },
};
</script>
 
<style scoped>
/* @import "../assets/base.css"; */
* {
  font-size: 12px;
}
.g-ft {
  width: 100%;
  height: 164px;
  border-top: 1px solid #d3d3d3;
  background-color: #f2f2f2;
}

/* 设置尾部居中 */
.g-ft .g-ft-set {
  width: 980px;
  margin: 0 auto;
}

.g-ft .g-ft-set .l-ft {
  display: block;
  float: left;
  width: 520px;
  padding: 15px 0 15px 0;
  line-height: 24px;
}
.l-ft span {
  display: block;
  float: left;
  color: #666;
}
.l-ft .links {
  width: 100%;
  height: 24px;
}
.l-ft .links a {
  float: left;
  color: #999;
}
.l-ft .links .line {
  display: block;
  float: left;
  margin: 0 5px;
}
.l-ft .links a:hover {
  text-decoration: underline #999;
}
.g-ft .g-ft-set .l-ft .sup-copyright,
.l-ft .mid-copyright {
  width: 100%;
  height: 24px;
}
.l-ft .sub-copyright {
  width: 100%;
  height: 28px;
}
.l-ft .sub-copyright a {
  float: left;
}
.l-ft .sub-copyright .police-logo {
  width: 20px;
  height: 20px;
  background-image: url("../assets/police.png");
}
.sup-copyright a,
.mid-copyright a,
.sub-copyright a {
  color: #666;
}
.sup-copyright a:hover,
.mid-copyright a:hover,
.sub-copyright a:hover {
  text-decoration: underline;
}
.sub-copyright .police-text:hover {
  text-decoration: underline;
}
.l-ft {
  margin-right: 30px;
}
.g-ft .g-ft-set .r-ft {
  float: left;
  width: 420px;
  height: 100%;
  margin-top: 33px;
}
.g-ft .g-ft-set .r-ft li {
  float: left;
  margin-right: 30px;
}
.g-ft .g-ft-set .r-ft li .newlogo {
  display: block;
  float: left;
  width: 50px;
  height: 45px;
  background-image: url("../assets/foot_enter_new.png");
  background-size: 113px 552px;
  background-position: -63px -457px;
}
.g-ft .g-ft-set .r-ft li span {
  float: left;
  margin: 50px -59px;
  font-size: 10px;
  color: #999;
}
</style>